@charset "utf-8";

/* CSS Document */

*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display:block}

a{ color:#5c5c5c; text-decoration:none}







.banner{ width: 100%; overflow:hidden}

.banner img{ display: block; width: 100%; height: auto; }

#solid{width:100%;clear:both;position:relative;}

#solid .solid0,#solid .solid1,#solid .solid2{position:absolute;left:0px;top:0px;width:100%;height:498px;display:none;}

#solid ul{margin:0px;padding:0px;list-style:none;	}

#solid ul li{top:0px;display:none;cursor:pointer;}

#solid #btt{width:100%;height:55px;bottom:0px;left:0px; position:absolute}

#solid #btt span{position:absolute;top:15px;left:45%;display:block;width:30px;height:8px;	margin:0 15px;		text-align:center;

	background:#3d3d3d;

	z-index:2;

	cursor:pointer;

	filter:alpha(opacity=70); 

	-moz-opacity:0.7; 

	opacity:0.7;

}

.w1600{ width: 1600px; margin: 0 auto;}
 .hot_product { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top:20px; margin-bottom:20px; height:50px}
    .hot_product .pro_table {display: flex; align-items: center; flex-wrap: wrap;}
    .hot_product .pro_table span {font-weight: bold; font-size: 20px;}
    .hot_product .pro_table a {font-size: 16px;}
    .hot_product .pro_table a:hover {font-weight: bold;}
    .hot_product .pro_table u {font-size: 16px; text-decoration: none;}
    .hot_product .pro_table u:last-child {display: none;}
    .hot_product .pc_pro_table {}
    .hot_product .mobile_pro_table {display: none;}


    .hot_product .pro_search {display: flex; justify-content: center; align-items: center; flex-direction: column; margin-right: 55px;}
    .hot_product .pro_search .input {width: 400px; height: 50px; position: relative;}
    .hot_product .pro_search .input input {width: calc(100% - 4px); height: 50px; border: 2px solid #003f7d; background: #e9f3ff; border-radius: 100px; text-indent: 20px; font-size: 18px;}
    .hot_product .pro_search .input submit {width: 40px; height: 40px; position: absolute; right: 15px; margin: 5px; padding: 0;}
    .hot_product .pro_search .input submit svg {width: 40px; height: 40px; padding: 0;}

.subtitle{ text-align:center; margin-bottom:30px; margin-top:-30px; font-size:1.6rem; max-width:1600px; width:100%; margin-right:auto; margin-left:auto; line-height:28px;padding-left:1%; padding-right:1%; padding-bottom:30px;}

.indexContainer{ width: 100%;}

.indexContainer .tit{ padding: 120px 0 50px 0; text-align: center; font-weight: bold; color: #333; font-size: 50px;}

.indexContainer .tit p{ text-align: center; font-size: 20px; font-weight: normal; padding-top: 35px;}

.indexContainer .layer1 .hd{ height: 80px;}

.indexContainer .layer1 .hd li{ width:20%; float: left; text-align: center; cursor: pointer; height: 80px; padding-top:10px; padding-bottom:10px; line-height: 70px; font-weight: bold; color: #8a8a8a; font-size: 18px; overflow:hidden}

.indexContainer .layer1 .hd li:last-child{ width: 220px;}

.indexContainer .layer1 .hd li.on{ background: #f2f2f2; color: #003f7e;}

.indexContainer .layer1 .layer1Box{ background: #f2f2f2; padding: 85px 0;}

.indexContainer .layer1 .layer1Box ul{ text-align: center; }

.indexContainer .layer1 .layer1Box ul li{ box-shadow: 0 0 10px rgba(0,0,0,0.2); display: inline-block; width:15%; margin: 0 0.5%; border-radius:6px; overflow: hidden; transition: 0.5s;}

.indexContainer .layer1 .layer1Box ul li .icon{ background: #fff; position: relative; height: 240px;}

.indexContainer .layer1 .layer1Box ul li .icon img{  display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.indexContainer .layer1 .layer1Box ul li p{ width: 100%; height: 50px; text-align: center; background: #003f7e; font-size: 16px; color: #fff; line-height: 50px;}

.indexContainer .layer1 .layer1Box ul li:hover{ transform: translateY(-10px);}



.indexContainer .layer2{ width: 100%;}

.indexContainer .layer2 ul{ width: 100%; overflow: hidden;}

.indexContainer .layer2 ul li{ width: 20%; float: left;  overflow: hidden;}

.indexContainer .layer2 ul li .box{ height: 100%; overflow: hidden;position: relative;}
.indexContainer .layer2 ul li.wiomo{width:100%;}

.indexContainer .layer2 ul li.wiomo .small1{ }
.indexContainer .layer2 ul li .small{ }

.indexContainer .layer2 ul li .big{}

.indexContainer .layer2 ul li .box .text1{ width:100%;background: rgba(0,63,126,0.7); color: #fff; font-weight: bold; padding-bottom: 10px; padding-top:10px; position: absolute; left: 0px;bottom:0px; padding-left:15px;}
.indexContainer .layer2 ul li .box .text1 h2{ font-size:24px}
.indexContainer .layer2 ul li .box .text{ position: absolute; left: 0; width: 100%; padding: 0 20px; box-sizing: border-box; bottom: -1500px; z-index: 2; transition: 0.5s;}

.indexContainer .layer2 ul li .box .text h2{ font-size: 22px; color: #fff; font-weight: bold; padding-bottom: 15px;}

.indexContainer .layer2 ul li .box .text p{ padding-bottom: 15px; font-size: 14px; color: #fff; line-height: 26px; }

.indexContainer .layer2 ul li .box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s; z-index: 1; background: rgba(0,63,126,0.7); opacity: 0; transition: 0.5s;}

.indexContainer .layer2 ul li .box:hover .bg{ opacity: 1;}

.indexContainer .layer2 ul li .box:hover .text{ bottom: 0;}

.indexContainer .layer2 ul li .box:hover .text1{ bottom: 0; display:none}

.indexContainer .layer2 ul li .box img{ display: block; width: 100%; height:100%}





.indexContainer .layer3{ overflow: hidden; background: #f2f2f2;}

.indexContainer .layer3 .nr{ width: 100%; border-radius:4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden;}

.indexContainer .layer3 .nr .icon{ width: 100%; height: 230px;}

.indexContainer .layer3 .nr .icon img{ display: block; width: 100%; height: 100%;}

.indexContainer .layer3 .nr .text{ background: #fff; width: 100%; padding: 0 40px; box-sizing: border-box; padding-top: 25px; padding-bottom: 30px;}

.indexContainer .layer3 .nr .text span{height: 22px; padding:5px 10px 5px 10px; text-align: center; border-radius:4px; line-height: 22px; color: #fff ; font-size: 12px; background: #003f7e; margin-bottom: 25px;}

.indexContainer .layer3 .nr .text span a{color:#fff}

.indexContainer .layer3 .nr .text p{ width: 100%; font-size: 20px; line-height: 28px; color: #003f7e; padding-bottom: 60px; padding-top:15px}

.indexContainer .layer3 .nr .text h2{ font-weight: normal; font-size: 14px; color: #999;}

.indexContainer .layer3 .nr .text h2 a{ display: inline-block; font-size: 14px; color: #666; float: right;}

.indexContainer .layer3Box{ overflow: hidden; padding-bottom: 1px;}

.indexContainer .layer3Box .btn{ z-index: 10; margin: 50px auto; width: 310px; height: 39px; position: relative;}

.indexContainer .layer3 .nr:hover h2 a{ color: #003f7e;}

.indexContainer .layer3Box .btn .swiper-button-next{ display: block; background: url(../images/clickAB_05.jpg); width: 23px; height: 39px; right: 0; top: 0; margin: 0;}

.indexContainer .layer3Box .btn .swiper-button-prev{ display: block; background: url(../images/clickAB_03.jpg); width: 23px; height: 39px; left: 0; top: 0; margin: 0;}



.indexContainer .layer3Box .btn .swiper-button-next::after{ display: none;}

.indexContainer .layer3Box .btn .swiper-button-prev::after{ display: none;}

.indexContainer .layer3Box .btn .swiper-pagination{ z-index: 2;}

.indexContainer .layer3Box .btn .swiper-pagination span{ opacity: 1; vertical-align: middle; background: url(../images/clickAB_10.jpg); width: 14px; height: 14px; margin: 0 5px;}

.indexContainer .layer3Box .btn .swiper-pagination span.swiper-pagination-bullet-active{ background: url(../images/clickAB_08.jpg);}

.lbimg{margin-top:40px;}
table{ background:#003f7e}
.lbimg a{ }
.lbimg tr td img{ height:300px; width:auto}
.lbimg tr td .box{ position:relative;}
.lbimg img{ height:100%; width:auto}
.lbimg .str0{ padding-bottom:8px}
.lbimg .str1{ margin-right:-180px;}
.str_wrap {
	overflow:hidden;
	//zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}
.indexContainer .layer2{ width: 100%;}

.indexContainer .layer2 ul{ width: 100%; overflow: hidden;}

.indexContainer .layer2 ul li{ width: 20%; float: left;  overflow: hidden;}

.indexContainer .layer2 ul li .box{ height: 100%; overflow: hidden;position: relative;}
.indexContainer .layer2 ul li.wiomo{width:100%;}

.indexContainer .layer2 ul li.wiomo .small1{ }
.indexContainer .layer2 ul li .small{ }

.indexContainer .layer2 ul li .big{}

.lbimg .text1{ width:100%;background: rgba(0,63,126,0.7); color: #fff; font-weight: bold; padding-bottom: 10px; padding-top:10px; position: absolute; left: 0px;bottom:0px; padding-left:15px;}
.lbimg .text1 h2{ font-size:24px}
.lbimg .text{ position: absolute; left: 0; width: 100%; padding: 0 20px; box-sizing: border-box; bottom: -1500px; z-index: 2; transition: 0.5s;}

.lbimg .text h2{ font-size: 22px; color: #fff; font-weight: bold; padding-bottom: 15px;}

.lbimg .text p{ padding-bottom: 15px; font-size: 14px; color: #fff; line-height: 26px; white-space:normal; }

.lbimg .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.5s; z-index: 1; background: rgba(0,63,126,0.7); opacity: 0; transition: 0.5s;}

.lbimg a:hover .bg{ opacity: 1;}

.lbimg a:hover .text{ bottom: 0;}

.lbimg a:hover .text1{ bottom: 0; display:none}




.indexContainer .layer4{ }

.indexContainer .layer4 img{ display: block; width: 100%; height: auto;}





.indexContainer .layer5{ background: #f2f2f2;}

.indexContainer .layer5Box{ overflow: hidden;}

.indexContainer .layer5 .nr{ width: 90%; overflow: hidden; height: 220px; background: #fff; transition: 0.5s; margin: 10px auto;box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius:3px}

.indexContainer .layer5 .nr .icon{ float: left; width: 220px; height: 220px; position: relative;}

.indexContainer .layer5 .nr .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.indexContainer .layer5 .nr .text{ width: calc(100% - 220px); float: left; padding-left:10px; padding-right:10px}

.indexContainer .layer5 .nr .text h2{ height: 40px; line-height: 40px; font-size: 16px; color: #666; padding-top:15px; font-weight:400; }

.indexContainer .layer5 .nr .text h3{ font-size: 18px; color: #003f7e; line-height: 28px; margin-top:15px; margin-bottom:10px; height:56px; overflow:hidden; font-weight:600}

.indexContainer .layer5 .nr .text span{ display: block; line-height: 36px; font-size: 16px; color: #003f7e;}

.indexContainer .layer5 .nr .text p{ position: relative; padding-left: 25px; font-size: 16px; color: #666; line-height: 24px;}

.indexContainer .layer5 .nr .text p img{ position: absolute; left: 0; top: 4px; width: 14px; height: auto;}

.indexContainer .layer5Box .btn{ z-index: 10; margin: 50px auto; width: 310px; height: 39px; position: relative;}

.indexContainer .layer3 .nr:hover h2 a{ color: #003f7e;}

.indexContainer .layer5Box .btn .swiper-button-next{ display: block; border:none!important; background: url(../images/clickAB_05.png); width: 23px; height: 39px; right: 0; top: 0; margin: 0;}

.indexContainer .layer5Box .btn .swiper-button-prev{ display: block;border:none!important;  background: url(../images/clickAB_03.png); width: 23px; height: 39px; left: 0; top: 0; margin: 0;}



.indexContainer .layer5Box .btn .swiper-button-next::after{ display: none;border:none;}

.indexContainer .layer5Box .btn .swiper-button-prev::after{ display: none;}

.indexContainer .layer5Box .btn .swiper-pagination{ z-index: 2;}

.indexContainer .layer5Box .btn .swiper-pagination span{ opacity: 1; vertical-align: middle; background: url(../images/clickAB_10.jpg); width: 14px; height: 14px; margin: 0 5px;}

.indexContainer .layer5Box .btn .swiper-pagination span.swiper-pagination-bullet-active{ background: url(../images/clickAB_08.jpg);}

.indexContainer .layer5 .nr:hover{ -webkit-box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)}







.indexContainer .layer6{ background: #f2f2f2; padding-bottom:90px;}

.indexContainer .layer6 ul{ width: 100%; overflow: hidden;}

.indexContainer .layer6 ul li{ width: 32%; margin-right: 2%; float: left;}

.indexContainer .layer6 ul li:last-child{ margin-right: 0;}

.indexContainer .layer6 ul li .icon{ width: 100%; height: 280px;}

.indexContainer .layer6 ul li .icon img{ display: block; width: 100%; height: 100%;}

.indexContainer .layer6 ul li .text{ height: 255px; background: #fff; box-sizing: border-box; width: 100%; padding: 0 35px; box-sizing: border-box;}

.indexContainer .layer6 ul li .text h2{ height: 70px; line-height: 70px; font-size: 20px; font-weight: bold; color: #333;}

.indexContainer .layer6 ul li .text p{ height: 105px; font-size: 16px; color: #666;}

.indexContainer .layer6 ul li .text a{ display: block; border: 1px solid #666; box-sizing: border-box; border-radius:4px ; color: #666; width: 160px; height: 40px; box-sizing: border-box; line-height: 38px; text-align: center; font-size: 16px; transition: 0.5s;}

.indexContainer .layer6 ul li:hover .text a{ background: #003f7e; color: #fff; border: 1px solid #003f7e;}

.indexContainer .layer7{ padding: 100px 0;}

.indexContainer .layer7 .hd ul{ text-align: center;}

.indexContainer .layer7 .hd ul li{cursor: pointer; width: 270px; height: 52px; display: inline-block; line-height: 52px; font-size: 28px; font-weight: bold;}

.indexContainer .layer7 .hd ul li.on{ border-bottom: 1px solid #003f7e; color: #003f7e;}



.indexContainer .layer7 .bd ul{ padding-top: 60px; overflow: hidden;}

.indexContainer .layer7 .bd ul li{  width: 380px; float: left; margin-right: 25px;}

.indexContainer .layer7 .bd ul li:last-child{ margin-right: 0;}

.indexContainer .layer7 .bd ul li .icon{ width: 100%; height: 230px;}

.indexContainer .layer7 .bd ul li .icon img{ display: block; width: 100%; height: 100%;}

.indexContainer .layer7 .bd ul li .text{ background: #f2f2f2; width: 100%; padding: 0 35px; box-sizing: border-box; padding-bottom: 30px;}

.indexContainer .layer7 .bd ul li .text h2{ color: #333; height:65px; line-height: 65px;}

.indexContainer .layer7 .bd ul li .text p{ height: 60px; font-size: 14px; line-height: 20px; overflow: hidden;}

.indexContainer .layer7 .bd ul li .text a{ display: block; border: 1px solid #666; box-sizing: border-box; border-radius:4px ; color: #666; width: 120px; height: 32px; box-sizing: border-box; line-height: 30px; text-align: center; font-size: 14px; transition: 0.5s;}

.indexContainer .layer7 ul li:hover .text a{ background: #003f7e; color: #fff; border: 1px solid #003f7e;}

.indexContainer .layer7 .more{ display: block; margin: 80px auto 0 auto; width: 165px;}

.indexContainer .layer8{ background: #f2f2f2; padding-bottom: 65px;}

.indexContainer .layer8 .nr{ margin-bottom: 25px;}

.indexContainer .layer8 .bt{ width: 100%; height: 90px; line-height: 90px; color: #333; font-size: 28px;}

.indexContainer .layer8 ul{ width: 100%; overflow: hidden;}

.indexContainer .layer8 ul li{ border-radius:5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); width: 49%; float: left; margin-right: 2%; height: 380px; background: #fff;}

.indexContainer .layer8 ul li:last-child{ margin-right: 0;}

.indexContainer .layer8 ul li .icon{ float: left; position: relative; width: 420px; height: 100%;}

.indexContainer .layer8 ul li .icon img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.indexContainer .layer8 ul li .text{ width: calc(100% - 420px); float: left; padding-right: 50px; box-sizing: border-box;}

.indexContainer .layer8 ul li .text h2{ padding-top: 25px; line-height: 50px; font-size: 20px; color: #333; font-weight: bold;}

.indexContainer .layer8 ul li .text p{ height: 225px; width: 100%; font-size: 16px; overflow: hidden; color: #666; line-height: 28px;}

.indexContainer .layer8 ul li .text a{ display: block; width: 160px; height: 40px; text-align: center; line-height: 38px; text-align: center; border: 1px solid #666; transition: 0.5s; font-size: 16px; border-radius:4px ;}

.indexContainer .layer8 ul li .text a:hover{ background: #003f7e; color: #fff; border: 1px solid #003f7e;}



.indexContainer .layer9{ padding-bottom: 100px;}

.indexContainer .layer9 .nr1{ margin-bottom: 60px; width: 100%; overflow: hidden; height: 400px; overflow: hidden; background: #f2f2f2;}

.indexContainer .layer9 .nr1 .icon{ float: left; width: 780px; height: 100%; position: relative;}

.indexContainer .layer9 .nr1 .icon img{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}

.indexContainer .layer9 .nr1 .text{ width: calc(100% - 780px); float: left; padding-left: 75px; box-sizing: border-box; padding-top: 110px;}

.indexContainer .layer9 .nr1 .text h2{ font-size: 28px; font-weight: bold; color: #333;}

.indexContainer .layer9 .nr1 .text p{ padding: 20px 0 50px 0; font-size: 16px; color: #666;}

.indexContainer .layer9 .nr1 .text a{ display: block; width: 160px; height: 42px; line-height: 40px; text-align: center; font-size: 16px; color: #666; border: 1px solid #666; box-sizing: border-box; border-radius:4px;}

.indexContainer .layer9 .nr2{ width: 100%; position: relative;}

.indexContainer .layer9 .nr2 img{ display: block; width: 100%; height: auto;}

.indexContainer .layer9 .nr2 .text{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding-left: 205px; box-sizing: border-box;}

.indexContainer .layer9 .nr2 .text h2{ font-size: 30px; font-weight: bold; color: #fff; padding-bottom: 35px;}

.indexContainer .layer9 .nr2 .text p{ font-size: 16px; color: #fff; line-height: 26px; margin-bottom: 40px;}

.indexContainer .layer9 .nr2 .text span{ color: #fff; display: block; font-size: 18px; line-height: 38px;}



.indexContainer .layer7.case{ padding-top: 0;}

.indexContainer .layer7.case .bd ul li{ margin-bottom: 25px;}

.indexContainer .layer7.case .bd ul li .icon{ height: auto;}

.indexContainer .layer7.case .bd ul li .text p{ padding: 15px 0; line-height: 28px; height: 58px; overflow: hidden;}

.indexContainer .layer7.case .bd ul li:nth-child(4n){ margin-right: 0;}



.case2List{ width: 100%; background: #f2f2f2; padding: 50px 0;}

.case2List .icon{ width: 100%; height: 230px;}

.case2List .icon img{ display: block; width: 100%; height: 100%;}

.case2List .text{ ; width: 100%; background: #fff; padding: 0 40px; box-sizing: border-box;padding-bottom: 25px}

.case2List .text h2{ font-size: 20px; line-height: 48px; padding-top: 25px; font-size: 20px; color: #003f7e;}

.case2List .text p{ font-size: 16px; line-height: 28px; color: #666; height: 120px; overflow: hidden;}

.case2List .text span{ color: #666; font-size: 16px;}

.case2List ul{ overflow: hidden;}

.case2List ul li{ border-radius:5px; overflow: hidden; float: left; width: 380px; float: left; margin-right: 25px; margin-bottom: 25px;}

.case2List ul li:nth-child(4n){ margin-right: 0;}

.case2List ul li:hover .text span{ color: #066666;}



.indexContainer .layer10{ background: #f2f2f2; border-bottom: 1px dashed #d9d9d9; padding-bottom: 100px;}

.indexContainer .layer10Box{ overflow: hidden; height: 572px; border: 1px solid #d9d9d9; box-sizing: border-box;}

.indexContainer .layer10Box .icon{ width: 700px; float: left; height: 100%;}

.indexContainer .layer10Box .icon img{ height: 100%; width: auto; display: block; margin: 0 auto;}

.indexContainer .layer10Box .text{ padding-top: 15px; width: calc(100% - 700px); float: left; padding-left: 140px;}

.indexContainer .layer10Box .text h2{ height: 72px; line-height: 72px; font-size: 28px; font-weight: bold; color: #333; padding: ;}

.indexContainer .layer10Box .text p{ height: 300px; width: 715px; line-height: 36px; color: #333; font-size: 20px;}

.indexContainer .layer10Box .text img{ width: 715px; display: block; height: auto;}



.indexContainer .layer11{ width: 100%; overflow: hidden;}

.indexContainer .layer11Box .nr{ border-bottom: 1px solid #f2f2f2; padding: 50px 0; overflow: hidden;}

.indexContainer .layer11Box .nr .bt{ width: 520px; float: left; font-size: 28px; color: #333; font-weight: bold;}

.indexContainer .layer11Box .nr .main{ width: calc(100% - 520px); float: left;}

.indexContainer .layer11Box .nr .main ul{ width: 100%;}

.indexContainer .layer11Box .nr .main ul li{ margin-bottom: 50px; overflow: hidden;  position: relative;}

.indexContainer .layer11Box .nr .main ul li .tp{ float: left; width: 110px; height: 100%; height: 90px; line-height: 90px;}

.indexContainer .layer11Box .nr .main ul li .tp img{ display: inline-block; vertical-align: middle;}

.indexContainer .layer11Box .nr .main ul li .tx{ width: calc(100% - 110px); float: left;}

.indexContainer .layer11Box .nr .main ul li .tx h2{ font-size: 20px; color: #333; font-weight: normal; margin-bottom: 10px;}

.indexContainer .layer11Box .nr .main ul li .tx p{ font-size: 16px; line-height: 28px; color: #666;}

.indexContainer .layer11Box .nr .main dl{ width: 100%; overflow: hidden;}

.indexContainer .layer11Box .nr .main dl dd{ width: 32%; float: left; margin-bottom: 35px; margin-right: 2%;}

.indexContainer .layer11Box .nr .main dl dd:nth-child(3n){ margin-right: 0;}

.indexContainer .layer11Box .nr .main dl dd .tp{ float: left; width: 110px; height: 110px; line-height: 110px;}

.indexContainer .layer11Box .nr .main dl dd .tp img{ display: inline-block; vertical-align: middle;}

.indexContainer .layer11Box .nr .main dl dd .tx{ float: left; width: calc(100% - 110px); float: left; font-size: 16px; line-height: 26px; color: #666; padding-right: 40px; box-sizing: border-box;}

.indexContainer .layer11Box .nr .mianBox{ padding-bottom: 75px; width: 100%; overflow: hidden;}

.indexContainer .layer11Box .nr .mianBox .tp{ float: left; width: 355px; height: 275px;}

.indexContainer .layer11Box .nr .mianBox .tp img{ display: block; width: 100%; height: 100%;}

.indexContainer .layer11Box .nr .mianBox .tx{ width: calc(100% - 355px); float: left; padding-left: 30px;}

.indexContainer .layer11Box .nr .mianBox .tx p{ padding-top: 20px; font-size: 16px; color: #666; line-height: 26px;}



.indexContainer .layer3.details{ background: #fff;}

.indexContainer .layer3.details .text{ background: #f2f2f2;}

.indexContainer .layer3.details .nr .text span{ text-align: left;  background: none; color: #999; margin: 0;}

.indexContainer .layer3.details .nr .text h2{ height: 50px; overflow: hidden; color: #003f7e; line-height: 50px; font-size: 18px; font-weight: bold;}

.indexContainer .layer3.details .nr .text p{ margin-bottom: 20px; padding: 0; font-size: 16px; color: #666; height: 56px; line-height: 28px; overflow: hidden;}

.indexContainer .layer3.details .nr .text a{ display: block; width: 120px; height: 30px; line-height: 28px; font-size: 16px; text-align: center; color: #666;  transition: 0.5s; border: 1px solid #666; border-radius:5px ;}

.indexContainer .layer3.details .nr .text a:hover{ background:#003f7e; border: 1px solid #003f7e; color: #fff;}





.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

@-webkit-keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes L_circle_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes L_stroke_rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes L_stroke_left_grow{0%,100%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@-webkit-keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}@keyframes L_stroke_right_grow{0%,100%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(140deg);transform:rotate(140deg)}}.loader-circle{top:50%;left:50%;z-index:1;color:#444;margin-top:-1em;margin-left:-1em;position:absolute;-webkit-animation:L_circle_rotate 1.568s linear infinite both;animation:L_circle_rotate 1.568s linear infinite both}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right:before,.loader-circle:before{content:'';display:block;border-style:solid;border-width:.21429em;border-color:currentColor}.loader-circle,.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right,.loader-circle .loader-stroke-right:before,.loader-circle:before{width:2em;height:2em;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right{position:absolute;clip:rect(0 2em 2em 1em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right:before{position:absolute;clip:rect(0 1em 2em 0)}.loader-circle:before{position:absolute;clip:rect(0 1.05em 1em .95em)}.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right,.loader-circle:before{-webkit-animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-right:before{-webkit-animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}.loader-circle .loader-stroke-left:before{-webkit-animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;animation:L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both}

.mhn-slide .mhn-item{width:100%; padding-left:20px; padding-right:20px; text-align:left; padding-bottom:15px;}

.mhn-slide,.mhn-slide1{ padding-bottom:50px;}

.mhn-slide .mhn-inner{width:100%;height:100%;box-shadow: 0 0 10px rgba(0,0,0,0.2);  border-radius:3px}

.mhn-slide .mhn-text h4{ width: 100%; font-size: 16px; line-height: 28px; color: #003f7e; padding-top:15px; padding-bottom:15px;height:88px; overflow:hidden}

.mhn-slide .mhn-item img{ width:100%; height:100%}

.mhn-slide .mhn-img{ height:230px;}

.mhn-slide .mhn-text{padding:5%}

.mhn-slide .mhn-text span{height: 22px; padding:5px 10px 5px 10px; text-align: center; border-radius:4px; line-height: 22px; color: #fff ; font-size: 12px; background: #003f7e; margin-bottom: 25px;}

.mhn-slide .mhn-text span a{color:#fff}

.mhn-slide .mhn-text h2{ font-weight: normal; font-size: 14px; color: #999;}

.mhn-slide .mhn-text h2 a{ display: inline-block; font-size: 14px; color: #666; float: right;}

.mhn-slide .owl-stage-outer{z-index:1}

.mhn-slide .owl-nav svg{color:currentColor}

.mhn-slide .owl-nav .disabled{display:none}
.mhn-slide1 .owl-nav .disabled{display:none}

.mhn-slide .owl-prev,

.mhn-slide .owl-next{

	top:25%;

	z-index:2;

	width:40px;

	height:40px;

	padding:8px;

	margin-top:-20px;

	position:absolute;

	border-radius:50%;

	background-color:#fff;

	-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);

	        box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)

}

.mhn-slide1 .owl-prev,

.mhn-slide1 .owl-next{

	top:42%;

	z-index:2;

	width:40px;

	height:40px;

	padding:8px;

	margin-top:-20px;

	position:absolute;

	border-radius:50%;

	background-color:#fff;

	-webkit-box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2);

	        box-shadow:0 4px 4px rgba(0,0,0,.3),0 0 4px rgba(0,0,0,.2)

}

.mhn-slide .owl-prev{left:-25px}

.mhn-slide .owl-next{right:-25px}

.mhn-slide1 .owl-prev{left:-20px}

.mhn-slide1 .owl-next{right:-20px}

.mhn-inner img{ width:100%}





@media (max-width:1440px ) {



    .w1600 {width: 1140px;margin: 0 auto;}

    .indexContainer .layer2 ul li{ width: 50%; float: left;  overflow: hidden;}

    .indexContainer .layer3 .nr .icon{ width: 100%; height: 200px;}

    .top .topBox .nr .serach{  width: 270px;}

    .top .topBox .nr .nav ul li{margin:0px;}

     .lbimg tr td img{ height:250px}

    .indexContainer .layer1 .layer1Box ul li{  width: 15%; margin: 0 0.5%; border-radius:6px; overflow: hidden; transition: 0.5s;}

    .indexContainer .layer1 .layer1Box ul li .icon{ height: 200px;}

    .indexContainer .layer5 .nr .text h2{ height: 60px; line-height: 60px; font-size: 0.9rem; color: #666; font-weight: bold;}

     .indexContainer .layer5 .nr .text h3{ font-size: 1rem;}

    .indexContainer .layer3 .nr .text p{ font-size: 14px; line-height: 30px; padding-bottom: 50px;}

    .indexContainer .layer3 .nr .icon{ width: 100%; height: 160px;}

    .indexContainer .layer5 .nr .icon{ float: left; width: 150px; height: 150px; position: relative;}

    .indexContainer .layer5 .nr .text{ width: calc(100% - 160px); float: right;}

    .indexContainer .layer1 .layer1Box{  padding: 50px 0;}

    .top .topBox .nr .nav ul li .enter{ padding:0px 15px 0px 15px; font-size:1.4rem}

     .homevideo{ height:700px;}

      .top .topBox .nr .nav ul li .nrBox .main{  width: 1140px; }



    .indexContainer .layer1 .hd li{ width:16%;}

    .indexContainer .layer1 .layer1Box ul li{  width: 15%; margin: 0 0.5%; border-radius:6px; overflow: hidden; transition: 0.5s;}

    .indexContainer .layer1 .layer1Box ul li .icon{ height: 200px;}

    .indexContainer .layer5 .nr .text h2{ height: 60px; line-height: 60px; font-size: 0.9rem; color: #666; font-weight: bold;}

     .indexContainer .layer5 .nr .text h3{ font-size: 1rem;}

    .indexContainer .layer1 .layer1Box{  padding: 50px 0;}

    .top .topBox .nr .nav ul li .enter{ padding:0px 15px 0px 15px; font-size:1.4rem}

     .homevideo{ height:700px;}

      .top .topBox .nr .nav ul li .nrBox .main{  width: 1140px; }

}





@media (max-width:1000px ) {

    

    
   .lbimg tr td img{ height:200px}
    .indexContainer .layer3 .nr .text p{ font-size: 14px; line-height: 30px; padding-bottom: 50px;}

    .indexContainer .layer3 .nr .icon{ width: 100%; height: 220px;}

    .indexContainer .layer5 .nr .icon{ float: left; width: 150px; height: 150px; position: relative;}

    .indexContainer .layer5 .nr .text{ width: calc(100% - 160px); float: right;}

    .indexContainer .layer7 .bd ul li{ width: 48%; height: auto; margin: 1%;}

	.indexContainer .layer1 .hd{ height: auto;}

	.indexContainer .layer1 .hd ul{ overflow: hidden;}

	.indexContainer .layer1 .hd ul li{ float: left; width: 25%; font-size: 12px; height: 40px; line-height: 40px;}

	.indexContainer .layer1 .hd li:last-child{ width: 25%;}

	.indexContainer .layer1 .layer1Box{ padding: 15px; box-sizing: border-box;}

	.indexContainer .layer1 .layer1Box ul{ overflow: hidden;}

	.indexContainer .layer1 .layer1Box ul li{ width: 49%; margin: 0 2% 0 0; margin-bottom: 10px; display: block; float: left;}

	.indexContainer .layer1 .layer1Box ul li:nth-child(2n){ margin-right: 0;}

	.indexContainer .layer1 .layer1Box ul li .icon{ height: 220px;}

	.indexContainer .layer1 .layer1Box ul li .icon img{ height: 75%; width: auto;}

	.indexContainer .layer2 ul li .box .text1{ font-size: 0.8rem; width:100%;background: rgba(0,63,126,0.7); color: #fff; font-weight: bold; padding-bottom: 10px; padding-top:10px; position: absolute; left: 0px;bottom:0px; padding-left:15px;}

    

}